<!doctype html>

<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <title>操作练习</title>
  <base target="_blank">
  <style>
    * {
      padding: 0;
      margin: 0;
      list-style: none;
    }
    body {
      background-color: skyblue;
    }
    ul {
      box-sizing: border-box;
      border-top: 6px solid green;
      width: 600px;
      margin: 50px auto;
    }
    li {
      margin: 30px 0;
      height: auto;

    }
    h3 {
      border-bottom: 2px solid #368;
      padding-bottom: 4px;
      margin: 20px 0;
    }
    img {
      display: inline-block;
      vertical-align: middle;
      width: 250px;
      height: auto;
    }
    p.content {
      vertical-align: middle;
      box-sizing: border-box;
      display: inline-block;
      padding: 0 20px;
      text-indent: 2em;
      line-height: 30px;
      width: 340px;
      height: 100px;
      display: -webkit-inline-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }
    .title {
      text-decoration: none;
    }
    .title:link {
      color: black;
    }
    .title:visited {
      color: coral;
    }
    .title:hover {
      color:cyan
    }
    .title:active {
      color:plum;
    }
  </style>
</head>

<body>
<ul>
  <li>
    <h3><a class="title" href="https://image.baidu.com/search/index?tn=baiduimage&ps=1&ct=201326592&lm=-1&cl=2&nc=1&ie=utf-8&word=%E7%81%AB%E9%BE%99%E6%9E%9C">火龙果（ pitaya）</a></h3>
    <img src="../picture/hlg.webp" width="500" height="324" alt="火龙果" title="火龙果">
    <p class="content">火龙果，又名玉龙果、红龙果、吉祥果等。其外形奇特，被红色果皮包裹，均匀地生长着半红半绿、如龙鳞形状、向上伸展的肉质鳞片，如同燃烧的火焰一般。
    火龙果属仙人掌科，是原产于中美洲热带沙漠地区的热带水果，目前在我国海南、广东、广西、福建等地有一定规模化的种植，并成为百姓家中常见的水果之一。
    </p>
  </li>
  <li>
    <h3><a class="title" href="https://image.baidu.com/search/index?tn=baiduimage&ipn=r&ct=201326592&cl=2&lm=-1&st=-1&fm=result&fr=&sf=1&fmq=1634535643203_R&pv=&ic=&nc=1&z=&hd=&latest=&copyright=&se=1&showtab=0&fb=0&width=&height=&face=0&istype=2&dyTabStr=&ie=utf-8&sid=&word=%E6%A1%83%E5%AD%90">桃子（peach）</a> </h3>
    <img src="../picture/tz.webp" width="500" height="359" alt="桃子" title="桃子">
    <p class="content">是蔷薇科李属一种，花可以观赏，果实多汁，作为水果，可以生食或制桃脯、罐头等，核仁也可以食用。
    果肉有白色和黄色的，通常在亚洲最受欢迎的品种多为白色果肉，香甜多汁；欧洲、澳洲和北美洲的人则在历史上喜欢黄色果肉较酸的品种。
    桃是一种营养价值很高的水果，含有蛋白质、脂肪、糖、钙、磷、铁和维生素B、C等。桃富含果胶，经常食用可预防便秘。
    </p>
  </li>
  <li>
    <h3><a class="title" href="https://image.baidu.com/search/index?tn=baiduimage&ipn=r&ct=201326592&cl=2&lm=-1&st=-1&fm=result&fr=&sf=1&fmq=1634535725184_R&pv=&ic=&nc=1&z=&hd=&latest=&copyright=&se=1&showtab=0&fb=0&width=&height=&face=0&istype=2&dyTabStr=&ie=utf-8&sid=&word=%E8%91%A1%E8%90%84">葡萄（grape）</a></h3>
    <img src="../picture/pt.webp" width="600" height="378" alt="葡萄" title="葡萄">
    <p class="content">葡萄为葡萄科葡萄属木质藤本植物，小枝圆柱形，有纵棱纹，无毛或被稀疏柔毛，叶卵圆形，圆锥花序密集或疏散，基部分枝发达，果实球形或椭圆形，花期4-5月，果期8-9月。
    葡萄是世界最古老的果树树种之一，葡萄的植物化石发现于第三纪地层中，说明当时已遍布于欧、亚及格陵兰。 葡萄原产亚洲西部，世界各地均有栽培，世界各地的葡萄约95%集中分布在北半球。
      </p>
  </li>
  <li>
    <h3><a class="title" href="https://image.baidu.com/search/index?tn=baiduimage&ipn=r&ct=201326592&cl=2&lm=-1&st=-1&fm=result&fr=&sf=1&fmq=1634535810185_R&pv=&ic=&nc=1&z=&hd=&latest=&copyright=&se=1&showtab=0&fb=0&width=&height=&face=0&istype=2&dyTabStr=&ie=utf-8&sid=&word=%E9%A6%99%E8%95%89">香蕉（banana）</a></h3>
    <img src="../picture/xj.webp" width="500" height="341" alt="香蕉" title="香蕉">
    <p class="content" >芭蕉科芭蕉属植物，又指其果实，热带地区广泛种植。香蕉味香、富含营养，植株为大型草本，从根状茎发出，由叶鞘下部形成高3～6米（10～20尺）的假杆；叶长圆形至椭圆形，有的长达3～3.5米（10～11.5尺），</p>
  </li>
</ul>
</body>


</html>